import React, { Component } from 'react'

class App extends Component {
	constructor() {
		super()
		// 方式一
		// 构造函数只执行一次，所以函数 this 指向更正的代码也只执行一次
		this.handleClick = this.handleClick.bind(this)
	}

	handleClick() {
		console.log(this)
	}

	render() {
		// 方式二
		// 问题： render 方法每次执行时都会调用 bind 方法生成新的函数实例
		return (
			<div>
				<button onClick={this.handleClick.bind(this)}>按钮</button>
			</div>
		)
	}
}

export default App
